<seed-content class="gray-background" [class.white-background]="!stateStore.haveData">
  <seed-toolbar-header>
    <seed-toolbar-title>选择学员</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <div class="search-bar gray-background" *ngIf="dataStore.identityType==='teacher'">
    <seed-search (changed)="handleKeywordsChange($event)"></seed-search>
  </div>
  <seed-infinite-scroll (infiniteScroll)="getStudentListForIdentityType()">
    <div class="student-list" *ngIf="students.length>0">
      <h2 class="title" *ngIf="dataStore.identityType==='parent'">请选择学员</h2>
      <student-item *ngFor="let student of students" [student]="student"
                    [showRemarkCount]="stateStore.showRemarkCount"
                    (clicked)="goToTarget(student)"></student-item>
    </div>
    <seed-default-graph *ngIf="!stateStore.haveData" [text]="'暂无学生'" [url]="'unifyPic'"></seed-default-graph>
    <seed-infinite-scroll-content *ngIf="students.length>0"></seed-infinite-scroll-content>
  </seed-infinite-scroll>
</seed-content>
